<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Holiland 好利来官网</title>

		<link rel="stylesheet" href="css/base.css" />
		<link rel="stylesheet" href="css/index.css" />
	</head>
	
	<body>
		<!-- 整体布局 -->
		<div class="main_layout">
			<!-- 头部 -->
			<div class="header">
				<!-- 第一行导航栏 -->
				<div class="header_row1">
					<!-- 好利来logo -->
					<div class="logo"><img src="img/header/header_logo.png" alt="" /></div>
					
					<!-- 导航栏 -->
					<ul class="navigation">
						<a href="">
							<li class="navigation_home">
								<div class="english">
									HOME
									<!-- 设置当前栏目杠 -->
									<div class="underline showLine"></div>
								</div>
								<div class="title">首页</div>
							</li>
						</a>
						<a href="#" onclick="showWindows()">
							<li class="navigation_item">
								<div class="english">
									SELF-PICK
								</div>
								<div class="title">自提</div>
							</li>
						</a>
						<a href="allProduct/allProduct.html">
							<li class="navigation_item">
								<div class="english">
									PRODUCTS
									<div class="underline"></div>
								</div>
								<div class="title">全部产品</div>
							</li>
						</a>
						<a href="./cakes/cakes.html">
							<li class="navigation_item">
								<div class="english">
									CAKES
									<div class="underline"></div>
								</div>
								<div class="title">蛋糕系列</div>
							</li>
						</a>
						<a href="./pastry/pastry.html">
							<li class="navigation_item">
								<div class="english">
									PASTRY
									<div class="underline"></div>
								</div>
								<div class="title">零食糕点</div>
							</li>
						</a>
						<a href="cart/cart.html">
							<li class="navigation_item">
								<div class="english">
									CART
									<img class="cart" src="img/cart.png" alt="" />
									<div class="underline"></div>
								</div>
								<div class="title">购物车</div>
							</li>
						</a>
						<a href="#" onclick="signWindows()">
							<li class="navigation_item">
								<div class="english">SIGN UP/IN</div>
								<div class="title">登陆/注册</div>
							</li>
						</a>
						<a href="#" onclick="showAddress()">
							<li class="navigation_item">
								<div class="english">CITY</div>
								<div class="title">
									长沙
									<img class="down" src="img/down.png" alt="" />
								</div>
							</li>
						</a>
				</div>
				
				<!-- 第二行搜索副栏 -->
				<div class="herder_row2">
					<div class="banner">
						<span class="one">HOLILAND *</span>
						<span class="one">HOLILAND *</span>
						<span class="one">HOLILAND *</span>
						<span class="two">HOLILAND</span>
					</div>
					
					<div class="nav-input">
						<span class="prefix">
							<img class="search-logo" src="img/search.png" alt="" />
						</span>
						<input type="search" name="input-inner" id="" placeholder="查询商品">
						<span class="searchtext"><a href="">搜索</a></span>
					</div>
					
				</div>
			</div>
			
			
			<!-- 内容 -->
			<!-- 第一部分轮播图 -->
			<div class="first-banner-box">
			    <img src="./img/content/banner-01.jpg" alt="" />
			    <div class="banner-dot">
			        <span class="active active-one su"></span>
			        <span class="active zi"></span>
			        <span class="active yun"></span>
			    </div>
			</div>
			<!-- 中间部分 -->
			<div class="middle-box">
			    <span>HOLILAND *</span>
			    <span>HOLILAND *</span>
			    <span>HOLILAND *</span>
			    <span>HOLILAND *</span>
			    <span>HOLILAND </span>
			</div>
			<div class="middle-img-box">
			    <a href="cakes.html">
			        <div class="middle-img"><img src="./img/content/cake_link.png" alt="" /></div>
			        <div class="shadow">
			            <span>CAKES</span>
			            <span>蛋糕系列</span>
			        </div>
			    </a>
			
			    <a href="">
			        <div class="middle-img"><img src="./img/content/pastry_link.png" alt="" /></div>
			        <div class="shadow two">
			            <span>PASTRY</span>
			            <span>零食糕点</span>
			        </div>
			</div>
			</a>
			
			<!-- 第二部分的轮播图 -->
			<div class="second-banner-box">
			    <img src="./img/content/banner-04.jpg" alt="" />
			    <div class="second-banner-dot">
			        <span class="active active-one a"></span>
			        <span class="active b"></span>
			        <span class="active c"></span>
			        <span class="active d"></span>
			        <span class="active e"></span>
			
			    </div>
			</div>
			
			
			<!-- 页尾 -->
			<div class="footer">
				<!-- 收缩的更多 -->
				<div id="div1" class="more">
					<span>
						MORE
						<br />
						更多
					</span>
				</div>
				
				<!-- 展开的更多 -->
				<div id="div2" class="more2">
					<div class="moretitle">
						MORE
						<br />
						更多
					</div>
					
					<div class="moretable">
						<div id="map" class="navtable">
							<span>STORE MAP</span>
							<span>地图查询</span>
						</div>
						<div id="store" class="navtable">
							<span>ALL STORES</span>
							<span>全国门店</span>
						</div>
						<div id="recruit" class="navtable">
							<span>RECRUITMENT</span>
							<span>招聘信息</span>
						</div>
						<div id="business" class="navtable">
							<span>OTHER BUSINESS</span>
							<span>更多业务</span>
						</div>
					</div>
					<div class="warning">
						好利来为直营店，请勿相信任何加盟信息
					</div>
				</div>
				
				<!-- 尾页信息 -->
				<div class="message">
					<span>Copyright2021 © 好利来食品科技（北京）有限公司 版权所有</span>
					<span>&nbsp;&nbsp;</span>
					<span>好利来官方邮箱:info@holiland.com</span>
					<span>&nbsp;&nbsp;</span>
					<span>京ICP备18028600号-3</span>
					<span>&nbsp;&nbsp;</span>
					<span>京公网安备11011302003412号</span>
				</div>
			</div>
			
		</div>
		
		<!-- 自提弹窗 -->
		<div class="self-pink">
			<div class="sf-windows">
				<!-- 关闭按钮 -->
				<a href=""><img class="close" src="img/close.png" alt="" /></a>
				<div class="win_header"></div>
				<div class="wincontent">
					<div class="qrcode"><img src="img/qrcode.jpg" alt="" /></div>
					<div class="pink_tip">
						门店自提请移步
						<br />
						好利来微信小程序
					</div>
					<div class="pink_tip2">打开手机微信扫一扫</div>
				</div>
			</div>
		</div>
		
		<!-- 登陆注册弹窗 -->
		<div class="sign-up-in">
			<div class="signWindows">
				<!-- 关闭按钮 -->
				<a href=""><img class="close" src="img/close.png" alt="" /></a>
				<div class="sign-header">
					<div class="sign-title">SIGN UP/IN</div>
					<div class="sign-tip">登陆/注册</div>
					<div class="signcode"><img src="img/sign.jpg" alt="" /></div>
					<div class="signtips">
						使用微信扫一扫
						<br />
						登陆
					</div>
				</div>
			</div>
		</div>
		
		<!-- 地点选择弹窗 -->
		<div class="addressWin">
			<div class="address-windows">
				<!-- 关闭按钮 -->
				<a href=""><img class="close" src="img/close.png" alt="" /></a>
				<div class="address-header">请选择当前所在城市</div>
				<div class="ad-select">
					<span>地址:</span>
					<select name="city" id="address">
						<option value="长沙">长沙</option>
						<option value="武汉">武汉</option>
						<option value="上海">上海</option>
						<option value="北京">北京</option>
					</select>
				</div>
				<div class="adsubmit"><button id="confirm" onclick="cheakAddress()">确认</button></div>
			</div>
		</div>
		
		<!-- 应用用JS文件 -->
		<script src="./js/self-pink.js"></script>
		<script src="./js/sign-up-in.js"></script>
		<script src="./js/ad-select.js"></script>
		<script src="./js/showaddress.js"></script>
		<script src="./js/change.js"></script>
		<script src="./js/indexturn.js"></script>
		<script src="js/index.js"></script>
	</body>
</html>